JS 笔记总结 - 石坤

var a = 1;
alert();
函数
function x(a){
return a;
}
if (true){
}
else{}
f
var a = [1,2,3]

对象
o = {
a:1,
b:2
}
DOM
事件绑定:
where, how ,what
特定区域, 触发事件, 做一些事情

命名的习惯, 把名字说的更清楚一些, 让名字保护更多的信息
驼峰式命名

var index;
var personOBJ;
var startTime;
var endTime;
var mdFilePath;
var upCount;
var downCount;
var nameId;

用词: 要what不要how

var inputData;
与
var employeeData;

后者为好的命名

原则:
命名可以完整代表变量的含义吗?
如果有歧义, 可以推导出更多的信息, 那么不不是好的命名

以问题为导向了吗? -> 反映了问题而非解决方案

> typeof 1
'number'
> typeof "1"
'string'

“调用”的关键点:

需要明确调用目标(对象)
需要给予目标一些信息
目标处理完会返回结果.

函数黑盒
使用什么函数, 输入什么, 返回什么

定义函数
function counter(count){
count = count + 1;
return count
}
counter(1)
js的作用

js在浏览器端可以完成部分数据的处理

异步加载(不同的数据, 按照不同的顺序去取)

写函数注意事项:
先把一个大事件, 分解为很多小事件, 然后把每个小事件用函数实现, 最后使用流程控制函数对子函数进行一一调用(类似于C中的main函数)

函数关键: 函数名; 参数; 返回值;

前端交互实现的关注点

用户html的交互
html与js的交互
js代码与服务器的交互

立刻返回 VS 间接返回

间接返回通道 – callback

用户的输入是最大的变量

用户在输入的时候, 如果输入的类型不是程序所期待的类似, 此时程序会报错, 直接停止运行.
为了避免这样的情况发生, 我们需要先判断用户输入的数据是否合法, 如果合法, 继续进行; 如果不合法, 对用户进行友好的提示, 并让其重新输入

在js中: 函数可以被当成参数一样, 在函数中使用.
把例子的中的callback当成简单的变量处理即可.

// 定义函数callback
function callback() {
  console.log('我跑完了');
}

// 定义函数run，run接收一个函数类型的参数，当执行完动作后，调用该函数。
function run(cb) {
  console.log('🏃🏃🏃🏃🏃');
  cb();
}

// 调用函数run，并把函数callback当参数传过去
run(callback);

前端交互实现的关注点

FEATURED TAGS